<script lang="tsx">
import { defineComponent } from "vue"
import props from "./props"

export default defineComponent({
	name: "ChenIcon",
	// props静态类型声明
	props,
	setup(props) {
		const { type, ...restObj } = props // 解构语法排除属性
		return () => (
			<i class={"chen-icon" + " chen-icon--" + type}>
				<font-awesome-icon {...restObj}></font-awesome-icon>
			</i>
		)
	},
})
</script>

<style scoped lang="less"></style>
